<template>
  <div style="padding:30px">

    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
      <el-tab-pane label="症状输入" name="1">
        <InputSymptom @choiceTabs="choiceTabs" />
      </el-tab-pane>
      <el-tab-pane label="医生信息" name="2">
        <SearchDoctor />
      </el-tab-pane>
      <!-- <el-tab-pane label="预约挂号" name="4">
        <Reserve />
      </el-tab-pane> -->
      <el-tab-pane label="就诊记录" name="3">
        <MedicalRecords />
      </el-tab-pane>
      <el-tab-pane label="个人信息" name="4">
        <PersonInfo />
      </el-tab-pane>
    </el-tabs>

  </div>
</template>

<script>
import InputSymptom from './components/inputSymptom.vue'
import Reserve from './components/reserve.vue'
import SearchDoctor from './components/searchDoctor.vue'
import PersonInfo from '@/components/personInfo'
import MedicalRecords from './components/medicalRecords.vue'
export default {
  name: 'Patient',
  components: {
    InputSymptom,
    Reserve,
    SearchDoctor,
    PersonInfo,
    MedicalRecords
  },
  data() {
    return {
      activeName: '1'// tabs默认选择
    }
  },
  methods: {
    // tabs栏点击
    handleClick(tab, event) {
      console.log(tab, event)
    },
    // 选择诊室
    choiceTabs(choose) {
      this.activeName = choose
    }
  }
}
</script>

<style scoped lang='scss'>

</style>
